//引入公共样式
require('../../assets/css/index.less')

//引入当前样式
require('./mine.less')

//引入字体图标
require('../../assets/fonts/iconfont.css')

//引入swiper的css
require('swiper/dist/css/swiper.min.css')

//引入foot渲染函数
const renderFoot = require('../../utils/foot')

//引入swiper
const mySwiper = require('swiper')

//引入dom.js
const dom = require('../../utils/dom.js')


//服务器地址
const API = 'http://fitness.h5.itsource.cn:3701'

////引入axios工具函数
const request = require('../../utils/request')

window.onload = () => {
    //渲染foot
    renderFoot('mine')

    //使用swiper
    let mySwiper = new Swiper('.swiper-container', {
        autoplay: 2000, //可选选项，自动滑动
        initialSlide: 0,
        // effect: 'fade',
        // direction: 'vertical',
        pagination: '.swiper-pagination', //分页器
        loop: true, //无限循环
    })

    //获取用户信息
    function getUserInfo() {
        request.get('/api/user/info').then(res => {
            console.log(res.data);
            //1 解构数据
            let { errno, data } = res.data
                //2 判断
            if (errno === 0) {
                //3 处理业务逻辑
                dom.$('#avatar').src = API + data.imgUrl
                dom.$('#sign').textContent = data.sign
                dom.$('#num').textContent = data.clockCount
            }
        })
    }

    // //渲染数据
    // function render(data) {
    //     //图片渲染 服务器地址+相对路径+文件名
    //     dom.$('#avatar').src = API + data.imgUrl
    //     dom.$('#sign').textContent = data.sign
    //     dom.$('#num').textContent = data.clockCount


    // }





    //获取运动数据    
    function getSportsData() {
        request.get('/api/exercise').then(res => {
            console.log(res.data);
            //1 解构数据
            let { errno, data } = res.data
                //2 判断
            if (errno === 0) {
                //3 处理业务逻辑
                dom.$('#sumSports').textContent = data.sum7Duration
                dom.$('#weekSoprts').textContent = data.sum7Calorie
            }
        })

    }

    //渲染数据
    // function render(data) {
    //     dom.$('#avatar').src = API + data.imgUrl
    //     dom.$('#sign').textContent = data.sign
    //     dom.$('#num').textContent = data.clockCount
    //         //总运动 周运动数据渲染
    //     dom.$('#sumSports').textContent = data.sum7Duration
    //     dom.$('#weekSoprts').textContent = data.sum7Calorie


    // }


    //初始化获取用户信息
    getUserInfo()

    //初始化运动数据
    getSportsData()


}